import { darkColorsV2, lightColorsV2 } from "./v2Colors";

export const baseColors = {
  white: "white",
  failure: "#ED4B9E",
  failure33: "#ED4B9E33",
  primary: "#1FC7D4",
  primary0f: "#1FC7D40f",
  primary3D: "#1FC7D43D",
  primaryBright: "#53DEE9",
  primaryDark: "#0098A1",
  success: "#31D0AA",
  success19: "#31D0AA19",
  warning: "#FFB237",
  warning2D: "#ED4B9E2D",
  warning33: "#ED4B9E33",
};

export const additionalColors = {
  binance: "#F0B90B",
  overlay: "#452a7a",
  gold: "#FFC700",
  silver: "#B2B2B2",
  bronze: "#E7974D",
  yellow: "#D67E0A",
};

export const lightColors = {
  ...baseColors,
  ...additionalColors,
  ...lightColorsV2,
  blue10: "#ECF6FE",
  blue20: "#C3E5FC",
  blue60: "#2882CC",
  secondary: "#7645D9",
  secondary10: "#F6F4FB",
  secondary20: "#E8E2EE",
  secondary60: "756595",
  secondary80: "#7645D980",
  background: "#FAF9FA",
  backgroundDisabled: "#E9EAEB",
  backgroundAlt: "#FFFFFF",
  backgroundAlt2: "rgba(255, 255, 255, 0.7)",
  backgroundAlt3: "rgba(255, 255, 255, 0.5)",
  backgroundHover: "rgba(0, 0, 0, 0.02)",
  backgroundTapped: "rgba(0, 0, 0, 0.04)",
  backgroundOverlay: "rgba(40, 13, 95, 0.60)",
  backgroundBubblegum: "linear-gradient(139.73deg, #E5FDFF 0%, #F3EFFF 100%)",
  backgroundPage: "#FAF9FA",
  card: "#FFFFFF",
  cardSecondary: "#FAF9FA",
  cardBorder: "#E7E3EB",
  contrast: "#191326",
  dropdown: "#F6F6F6",
  dropdownDeep: "#EEEEEE",
  invertedContrast: "#FFFFFF",
  input: "#eeeaf4",
  inputSecondary: "#d7caec",
  tertiary: "#EFF4F5",
  tertiary20: "#E2EDEE",
  tertiaryPale20: "#E2EDEE",
  text: "#280D5F",
  text99: "#280D5F99",
  textDisabled: "#BDC2C4",
  textSubtle: "#7A6EAA",
  disabled: "#E9EAEB",
  primary10: "#EEFBFC",
  primary20: "#C1EDF0",
  primary60: "#02919D",
  positive10: "#EAFBF7",
  positive20: "#BCEFE2",
  positive60: "#129E7D",
  destructive10: "#FFF0F9",
  destructive20: "#FED2E8",
  destructive60: "#D14293",
  destructive: "#ED4B9E",
  warning10: "#FBF2E7",
  warning20: "#F9D9B8",
  warning60: "#AB6502",
  bubblegum: "#F3EFFF",
  gradientPrimary: "linear-gradient(228.54deg, #1FC7D4 -13.69%, #7645D9 91.33%)",
  gradientBubblegum: "linear-gradient(139.73deg, #E5FDFF 0%, #F3EFFF 100%)",
  gradientInverseBubblegum: "linear-gradient(139.73deg, #F3EFFF 0%, #E5FDFF 100%)",
  gradientCardHeader: "linear-gradient(111.68deg, #F2ECF2 0%, #E8F2F6 100%)",
  gradientBlue: "linear-gradient(180deg, #A7E8F1 0%, #94E1F2 100%)",
  gradientViolet: "linear-gradient(180deg, #E2C9FB 0%, #CDB8FA 100%)",
  gradientVioletAlt: "linear-gradient(180deg, #CBD7EF 0%, #9A9FD0 100%)",
  gradientGold: "linear-gradient(180deg, #FFD800 0%, #FDAB32 100%)",
  gradientBold: "linear-gradient(#53DEE9, #7645D9)",
};

export const darkColors = {
  ...baseColors,
  ...additionalColors,
  ...darkColorsV2,
  blue10: "#0B3557",
  blue20: "#0E4572",
  blue60: "#72B8F1",
  secondary: "#A881FC",
  secondary10: "#322B48",
  secondary20: "#4B3B5F",
  secondary60: "#756595",
  secondary80: "#A881FC80",
  background: "#08060B",
  backgroundDisabled: "#3c3742",
  backgroundAlt: "#27262c",
  backgroundAlt2: "rgba(39, 38, 44, 0.7)",
  backgroundAlt3: "rgba(0, 0, 0, 0.2)",
  backgroundHover: "rgba(0, 0, 0, 0.04)",
  backgroundTapped: "rgba(0, 0, 0, 0.08)",
  backgroundOverlay: "rgba(68, 62, 88, 0.60)",
  backgroundBubblegum: "#160F1E",
  backgroundPage: "#160F1E",
  card: "#27262C",
  cardSecondary: "#18171A",
  cardBorder: "#383241",
  contrast: "#FFFFFF",
  dropdown: "#1E1D20",
  dropdownDeep: "#100C18",
  invertedContrast: "#191326",
  input: "#372F47",
  inputSecondary: "#262130",
  primaryDark: "#0098A1",
  tertiary: "#353547",
  tertiary20: "#44445B",
  tertiaryPale20: "#44445B",
  text: "#F4EEFF",
  text99: "#F4EEFF99",
  textDisabled: "#666171",
  textSubtle: "#B8ADD2",
  disabled: "#524B63",
  primary10: "#13393C",
  primary20: "#094D53",
  primary60: "#48D0DB",
  positive10: "#0C3A32",
  positive20: "#035345",
  positive60: "#3DDBB5",
  destructive10: "#551146",
  destructive20: "#7B194D",
  destructive60: "#FB7EC1",
  destructive: "#ED4B9E",
  warning10: "#452E14",
  warning20: "#754300",
  warning60: "#D67E0A",
  bubblegum: "#160F1E",
  gradientPrimary: "linear-gradient(228.54deg, #1FC7D4 -13.69%, #9A6AFF 91.33%)",
  gradientBubblegum: "linear-gradient(139.73deg, #313D5C 0%, #3D2A54 100%)",
  gradientInverseBubblegum: "linear-gradient(139.73deg, #3D2A54 0%, #313D5C 100%)",
  gradientCardHeader: "linear-gradient(166.77deg, #3B4155 0%, #3A3045 100%)",
  gradientBlue: "linear-gradient(180deg, #00707F 0%, #19778C 100%)",
  gradientViolet: "linear-gradient(180deg, #6C4999 0%, #6D4DB2 100%)",
  gradientVioletAlt: "linear-gradient(180deg, #434575 0%, #66578D 100%)",
  gradientGold: "linear-gradient(180deg, #FFD800 0%, #FDAB32 100%)",
  gradientBold: "linear-gradient(#53DEE9, #9A6AFF)",
};
